import './Mention.scss'
import { View, Text, Navigator } from '@tarojs/components';
import { AtIcon, AtSearchBar } from 'taro-ui'

const Mention = () => {
  // const nav = () => {
  //   wx.navigateTo({
  //     url: '../Order/Order.jsx'
  //   })
  // }

  return <View>
    {/* 排序 */}
    <View className='cont'>
      <View className='at-row at-row__justify--between'>
        <View className='at-col at-col-5 at-col__offset-1'>
          订单列表
        </View>
        <View className='at-col at-col-5 at-col__offset-2'>
          <Text>时间排序</Text>
          <View className='icon'>
            <View className='at-icon at-icon-chevron-up'></View>
            <View className='at-icon at-icon-chevron-down'></View>
          </View>
        </View>
      </View>

    </View>

    {/* 搜索 */}
    <View>
      <View className='at-row'>
        <View className='at-col at-col-22 tent'>
          <AtSearchBar placeholder="输入商家名称或商品名称"
          // value={this.state.value}
          // onChange={this.onChange.bind(this)}
          ></AtSearchBar>
        </View>
      </View>
    </View>

    {/* 内容 */}
    <View className='theuser'>
      <View>
        <View>
          <View className='the'>
            <Text>提货点：</Text>
            <Text>鲜丰水果</Text>
            {/* </View>
          <View> */}
            <Text>电话：</Text>
            <Text>088-6666666</Text>
          </View>
        </View>

        <View>
          <Text>[3人成团]</Text>
          <Text>泰国龙眼200g/份</Text>
        </View>

        <View>
          <View>
            <View className='the'>
              <Text>提货人：</Text>
              <Text>李明</Text>
              <Text>手机号：</Text>
              <Text>1856666666</Text>
              <Text>数量：</Text>
              <Text>x1</Text>
            </View>
          </View>
        </View>
        {/* 按钮 */}
        <Navigator url='../Order/Order'>
          <View className='button'>
            <Text>已提货</Text>
          </View>
        </Navigator>
      </View>
    </View>


  </View>
}

export default Mention;